<!DOCTYPE html>
<!DOCTYPE html>
<html class="loginHtml">
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
	<meta charset="utf-8">
	<title>登录</title>
	<meta name="renderer" content="webkit">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
	<meta name="apple-mobile-web-app-status-bar-style" content="black">
	<meta name="apple-mobile-web-app-capable" content="yes">
	<meta name="format-detection" content="telephone=no">
	<link rel="icon" href="favicon.ico">
	<link rel="stylesheet" href="layui/css/layui.css" media="all" />
	<link rel="stylesheet" href="css/public.css" media="all" />
	<!--解决session过期跳转到登录页并跳出iframe框架-->
	<script language="JavaScript">
		if (window != top)
			top.location.href = location.href;
	</script>
</head>
<body class="loginBody">
	<form class="layui-form" action="/login" method="post">
		<div class="login_face"><img src="images/face.jpg" class="userAvatar"></div>
		<div th:text="${message}" style="color: red"></div>
		<div class="layui-form-item input-item">
			<label for="userName">用户名</label>
			<input type="text" placeholder="请输入用户名" autocomplete="off" name="userName" id="userName" class="layui-input" lay-verify="required">
		</div>
		<div class="layui-form-item input-item">
			<label for="password">密码</label>
			<input type="password" placeholder="请输入密码" autocomplete="off" name="password" id="password" class="layui-input" lay-verify="required">
		</div>
		<div class="layui-form-item">
			<!--<button class="layui-btn layui-block" lay-filter="login" lay-submit>登录</button>-->
			<input type="submit" value="登录" class="layui-btn layui-block"/>
		</div>
		<!--注册-->
		<div class="layui-form-item" align="center">
			<button type="button" class="layui-btn layui-btn-normal"><a href="/SignIn/toAddCompany">企业注册</a></button>
			<button type="button" class="layui-btn layui-btn-normal"><a href="/SignIn/toAddUser">用户注册</a></button>
		</div>
	</form>
	<script type="text/javascript" src="layui/layui.js"></script>
	<!--<script type="text/javascript" src="login.js"></script>-->
	<script type="text/javascript" src="js/cache.js"></script>

	<script type="text/javascript">
		layui.use(['form','layer','jquery'],function(){
			var form = layui.form,
					layer = parent.layer === undefined ? layui.layer : top.layer
			$ = layui.jquery;

			//登录按钮
			/*form.on("submit(login)",function(data){
				$(this).text("登录中...").attr("disabled","disabled").addClass("layui-disabled");
				/!*setTimeout(function(){
					window.location.href = "/layuicms2.0";
				},1000);*!/
				return false;
			})*/

			//表单输入效果
			$(".loginBody .input-item").click(function(e){
				e.stopPropagation();
				$(this).addClass("layui-input-focus").find(".layui-input").focus();
			})
			$(".loginBody .layui-form-item .layui-input").focus(function(){
				$(this).parent().addClass("layui-input-focus");
			})
			$(".loginBody .layui-form-item .layui-input").blur(function(){
				$(this).parent().removeClass("layui-input-focus");
				if($(this).val() != ''){
					$(this).parent().addClass("layui-input-active");
				}else{
					$(this).parent().removeClass("layui-input-active");
				}
			})
		})

	</script>
</body>
</html>